Abaixo segue um passo a passo de como criar uma página pessoal ou profissional usando o GitHub e os temas do Jeckyll themes.

Primeiro vamos criar uma conta no GitHub, nesse caso, é melhor, sempre que for possível utilizar o e-mail acadêmico, pois assim você consegue alguns privilégios em sua conta gratuita. Além disso, sugiro no username, não usar palavrão, ou termos chulos, usar uma palavra pequena, não use muitos números e tente não usar caracteres especiais.

knitr::include_graphics("Figuras/Fig1.png")

Após inserir seu username, seu e-mail e sua senha a próxima etapa é a verificação de conta:

knitr::include_graphics("Figuras/Fig2.png")

Escolha o melhor plano para você, sempre usei o gratuito :)

knitr::include_graphics("Figuras/Fig3.png")

Vá até sua caixa de e-mail e clique em verificar conta:

knitr::include_graphics("Figuras/Fig4.png")

Após isso, sua conta já estará confirmada!

knitr::include_graphics("Figuras/Fig5.png")

Agora vá até o link https://cran.r-project.org/, baixe o R e o instale.

knitr::include_graphics("Figuras/Fig6.png")

Baixe no link https://www.rstudio.com/products/rstudio/ o Rstudio e o instale.

knitr::include_graphics("Figuras/Fig7.png")

Baixe no link https://git-scm.com/downloads o git para seu sistema operacional e o instale.

knitr::include_graphics("Figuras/Fig8.png")

Agora, volte ao GitHub e crie seu primeiro repositório. Como vamos criar uma página, seu repositório deverá ter o seguinte nome: username.github.io, onde username deve ser o seu nome de usuário da conta do GitHub.

knitr::include_graphics("Figuras/Fig9.png")

Agora, abra o Rstudio

knitr::include_graphics("Figuras/Fig10.png")

Clique em “Tools”, depois em “global options”, em seguida em “Git/SVN” e depois em create RSA Key

knitr::include_graphics("Figuras/Fig11.png")

Em seguida clique em criar, não é necessário adicionar nenhuma senha.

knitr::include_graphics("Figuras/Fig12.png")

Copie a chave criada

knitr::include_graphics("Figuras/Fig13.png")

volte ao github e procure no menu o item “settings”

knitr::include_graphics("Figuras/Fig14.png")

Clique em seguida no item “SSH and GPG keys”

knitr::include_graphics("Figuras/Fig15.png")

Clique em “New SSH Key”

knitr::include_graphics("Figuras/Fig16.png")

Como título adicione “Rstudio” para referenciar que a chave é do Rstudio e dê um ctrl+v no espaço “key”, adicionando assim a chave copiada do Rstudio. Todas as vezes que você mudar de computador e quiser adicionar arquivos do Rstudio em suas pastas do Github, você deverá refazer este passo de adicionar a chave.

knitr::include_graphics("Figuras/Fig17.png")

Aqui está a chave adicionada

knitr::include_graphics("Figuras/Fig18.png")

Agora, vá até o seu repositório no GitHub e clique em “Clone or download”, clique em seguida em “Use SSH” e copie o endereço da caixa.

knitr::include_graphics("Figuras/Fig19.png")

Volte ao Rstudio e clique em “File–>new project–>version control”

knitr::include_graphics("Figuras/Fig20.png")

clique em Git

knitr::include_graphics("Figuras/Fig21.png")

Cole o endereço anteriormente copiado do GitHub em “Repository URL” e clique em “create Project”

knitr::include_graphics("Figuras/Fig22.png")

Se receber um erro como o da figura abaixo, abra o git bash ou o terminal do linux e compile o código abaixo:

ssh-keyscan -t rsa github.com >> ~/.ssh/known_hosts

Feito isso, refaça os passos da figura 19 até a figura 22.

knitr::include_graphics("Figuras/Fig23.png")

Estamos quase lá. Escolha agora no site http://jekyllthemes.org/ um modelo para sua página. Clique no modelo desejado, veja o “demo” do modelo, se realemente gostou, clique em fazer download e salve na pasta que você criou no seu computador com o nome username.github.io o arquivo .zip que você fez o download.

knitr::include_graphics("Figuras/Fig24.png")

Para exemplificar eu escolhi o tema abaixo:

knitr::include_graphics("Figuras/Fig25.png")

Fiz o download e extrair os arquivos na pasta username.github.io

knitr::include_graphics("Figuras/Fig26.png")

knitr::include_graphics("Figuras/Fig27.png")

Feito isso, voltamos no Rstudio, vamos até a aba git que fica no lado direito junto com a aba Environment, History e Connections. Visualizamos todos os arquivos adicionados a pasta no computador, queremos agora fazer o upload destes arquivos para o GitHub, clicamos então em “commit”

knitr::include_graphics("Figuras/Fig28.png")

Selecionamos todos os arquivos, adicionamos uma mensagem de “commit” - tal mensagem deve ser curta e deve nos remeter as alterações que estamos fazendo na pasta. Ao clicar em “commit” podemos receber a seguinte mensagem:

knitr::include_graphics("Figuras/Fig29.png")

Copie a primeira linha azul acima e cole no git bash ou no terminal do linux, altere a mesma adicionando o seu e-mail no lugar de “” Posteriormente copie a segunda linha e acrescente o seu username conforme imagem abaixo.

knitr::include_graphics("Figuras/Fig30.png")

Volte ao Rstudio e proceda os comandos das figuras 27 até 29.

knitr::include_graphics("Figuras/Fig31.png")

Dê agora um “push” e envie todos os arquivos para o GitHub.

knitr::include_graphics("Figuras/Fig32.png")

knitr::include_graphics("Figuras/Fig33.png")

Atualize a página do GitHub e confirme que todos os arquivos que estavam em seu computador estão agora no Github.

knitr::include_graphics("Figuras/Fig34.png")

Abra uma nova aba no navegador da internet e digite <Seu_username.github.io>. Se tudo tiver funcionado perfeitamente, você verá a página igual ao demo do tema que escolheu! Parabéns, essa é sua página. Você agora poderá modifica-la conforme seu desejo!

knitr::include_graphics("Figuras/Fig35.png")

Para fazer as modificações vamos continuar utilizando o Rstudio. Vá até o mesmo e abra o arquivo _config.yml. Modifique os nomes e as informações pertinentes.

knitr::include_graphics("Figuras/Fig36.png")

Procure também o head.html e o header.html e os modifique com suas informações.

knitr::include_graphics("Figuras/Fig37.png")

Faça um novo “commit” e um “push”

knitr::include_graphics("Figuras/Fig38.png")

knitr::include_graphics("Figuras/Fig39.png")

knitr::include_graphics("Figuras/Fig40.png")

Aqui eu modifiquei o about.html

knitr::include_graphics("Figuras/Fig41.png")

knitr::include_graphics("Figuras/Fig42.png")

Fiz um novo commit e um push

knitr::include_graphics("Figuras/Fig43.png")